<div class="c-detail-title">
    <div class="u-back clearfix">
        <button ng-click="goBack();" class="btn btn-default test_2874b5ed">返回</button>
    </div>
    <div class="u-title">
        支付结果
    </div>
</div>

<div class="m-recharge-result">
    <div class="wrap-recharge-result">
        <i ng-class="{'recharge-result-icon':true, 'recharge-failure':!isSuccess, 'recharge-success': isSuccess}"></i>
        <p class="recharge-result-msg">
            {{isSuccess ? '充值成功' : '充值失败'}}
        </p>
        <ul>
            <li class="lists">
                <span class="left-text">充值金额：</span>
                <b class="dark-yellow">{{rechargeData.tranAmount.toFixed(2)}}</b> {{reChargeResult.ccyCode}}
            </li>
            <li class="lists">
                <span class="left-text">交易单号：</span>
                {{reChargeResult.logNo}}
            </li>
            <li ng-show="!isSuccess" class="lists">
                <span class="left-text">收款方：</span>
                {{accountInfo.accountId}}
            </li>
            <li ng-show="isSuccess" class="lists">
                <span class="left-text">当前状态：</span>
                {{reChargeResult.statusValue}}
            </li>
            <li ng-show="isSuccess" class="lists">
                <span class="left-text">充值时间：</span>
                {{reChargeResult.time}}
            </li>
        </ul>
        <button ng-show="!isSuccess" ng-click="reCharge()" class="btn btn-primary"
                style="display: block;margin:0px auto;margin-top:20px;">重新充值
        </button>
    </div>
</div>

<style type="text/css">
    .m-recharge-result {
        background: #fff;
        padding: 45px 30px;
        border: 1px solid #ddd;
        min-height: 100%;
    }

    .wrap-recharge-result {
        width: 400px;
        margin: 0px auto;
    }

    .wrap-recharge-result ul li.lists {
        line-height: 30px;
    }

    .wrap-recharge-result ul li.lists .dark-yellow {
        color: #F7A42C;
    }

    .wrap-recharge-result li.lists .left-text {
        display: inline-block;
        width: 90px;
    }

    .wrap-recharge-result .recharge-result-icon {
        display: block;
        width: 96px;
        height: 96px;
        margin: 0px auto;
    }

    .wrap-recharge-result .recharge-success {
        background: url('/public/img/pay-success.svg') center center no-repeat;
    }

    .wrap-recharge-result .recharge-failure {
        background: url('/public/img/pay-failure.svg') center center no-repeat;
    }

    .wrap-recharge-result .recharge-result-msg {
        text-align: center;
        font-size: 18px;
        margin-bottom: 40px;
        margin-top: 10px;
    }
</style>